<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <main>
        <div id="head" class="container">
            <a href="mine_information.html" class="user">
                <div>
                    <img src="../../assets/images/dc.jpg" alt="" id="imgUrl">
                </div>
                <span id="username" class="flex1"></span>
                <i class="iconfont icon-youjiantou"></i>
            </a>
            <p class="c9f fs14">个性签名:<span id="sign">这个人很懒什么都没有留下!!!</span></p>
        </div>
        <div class="grew">

        </div>
        <div class="dynamic container">
            <p>
                <span class="iconfont icon-daka-copy"></span>
                个人动态
            </p>
            <p class="c9f"><span id="circlesCount">0</span>条<span class="iconfont icon-youjiantou"></span></p>
        </div>
        <div class="grew">

        </div>
        <div class="sports container">
            <div class="top">

                <p id="motionData">
                    <span class="iconfont icon-zhuxingtu"></span>
                    运动数据
                </p>
                <p class="c9f"><span class="iconfont icon-youjiantou"></span></p>
            </div>
            <ul class="dfbc">
                <li>
                    <p class="mb16 c9f">总运动</p>
                    <p><span class="c68 fs35" id="runtime">141</span>分钟</p>
                </li>
                <li>
                    <p class="mb16 c9f">本周消耗</p>
                    <p><span class="c68 fs35" id="calorie">231.46</span>千卡</p>
                </li>
        </div>
        <div class="grew">

        </div>
        <div class="badge container">
            <div class="top">

                <p>
                    <span class="iconfont icon-huizhang"></span>
                    运动徽章
                </p>
                <p class="c9f"><span class="iconfont icon-youjiantou"></span></p>
            </div>
            <ul class="dfbc">
                <li>
                    <img src="../../assets/images/mybadge01.jpg" alt="">
                </li>
                <li>
                    <img src="../../assets/images/mybadge02.jpg" alt="">

                </li>
                <li>
                    <img src="../../assets/images/mybadge03.jpg" alt="">

                </li>
            </ul>
        </div>
        <div class="grew">

        </div>
        <p class="quit">
            <a href="#">退出登录</a>
        </p>
    </main>

</body>

</html>